<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Platinum Theme - Free CSS Template   站长素材</title>
<meta name="keywords" content="platinum, web design theme, free templates, website templates, CSS, HTML" />
<meta name="description" content="Platinum Theme is a free CSS template provided by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />

<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

</head>
<body>

<div id="templatemo_wrapper">

    <div id="templatemo_header">
        <div id="site_title"><h1><a href="http://sc.chinaz.com">Free CSS Templates</a></h1></div>
        <div id="templatemo_menu" class="ddsmoothmenu">
            <ul>
                <li><a href="index.html" class="selected"><span></span>Home</a></li>
                <li><a href="about.html"><span></span>About Us</a>
                    <ul>
                        <li><a href="submenupage.html">Sub menu 1</a></li>
                        <li><a href="submenupage.html">Sub menu 2</a></li>
                        <li><a href="submenupage.html">Sub menu 3</a></li>
                    </ul>
                </li>
                <li><a href="portfolio.html"><span></span>Portfolio</a>
                    <ul>
                        <li><a href="submenupage.html">Sub menu 1</a></li>
                        <li><a href="submenupage.html">Sub menu 2</a></li>
                        <li><a href="submenupage.html">Sub menu 3</a></li>
                        <li><a href="submenupage.html">Sub menu 4</a></li>
                        <li><a href="submenupage.html">Sub menu 5</a></li>
                   </ul>
              </li>
              <li><a href="blog.html"><span></span>Blog</a></li>
              <li><a href="contact.html"><span></span>Contact</a></li>
            </ul>
            <br style="clear: left" />
        </div> <!-- end of menu -->
    </div> <!-- end of header -->
    
    <div id="templatemo_middle">
    	<div id="templatemo_middle_left">
        	<h2>Welcome to<strong>Platinum Theme</strong></h2>
            <p>Donec pulvinar mattis feugiat. Suspendisse adipiscing hendrerit dapibus. Fusce auctor nibh a velit tempor rutrum. Vivamus mauris nulla, rutrum sed cursus sed, tempus eget magna.</p>
            <a href="#" class="learn_more"></a>
        </div>
        <div id="slider-wrapper">
        
            <div id="slider" class="nivoSlider">
                <img src="images/slider/01.jpg" alt="Slider 01" />
                <img src="images/slider/02.jpg" alt="Slider 02" />
                <img src="images/slider/03.jpg" alt="Slider 03" />
                <img src="images/slider/04.jpg" alt="Slider 04" />
            </div>
        
        </div>
            <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
            <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
            <script type="text/javascript">
            $(window).load(function() {
                $('#slider').nivoSlider();
            });
            </script>
        <div class="cleaner"></div>
    </div> <!-- end of middle -->
    
	<div id="templatemo_main_wrapper">
    	<div id="templatemo_main">
          	<div id="content">
				<div class="post">
                  <h2>Free CSS Templates</h2>
                  <div class="meta">Posted in <a href="#">Illustrations</a>, <a href="#">Graphics</a> | Date: June 24, 2048 | <a href="#">136 comments</a></div>
                    
                    <img src="images/templatemo_image_01.png" alt="Image 01" class="image_frame image_fl" />
                    <p><a href="http://sc.chinaz.com" target="_parent">Platinum Theme</a> is a free css template for your personal or commercial websites. Credits go to <a href="http://www.brushesbee.com/" target="_blank">brushesbee.com</a> for brush and <a href="http://jwloh.deviantart.com/art/Aquaticus-Social-91014249" target="_blank">jwloh</a> for icons. Ut sed lorem ac ante cursus auctor. Nam ut congue velit. Cras eget fermentum sem. Maecenas nec purus lorem, a sodales lectus. Etiam consequat nulla sit amet nisl volutpat ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce nec dapibus sapien. Morbi viverra mauris id erat ultricies dignissim. Mauris leo eu est fermentum eu viverra sem rutrum. Nulla ut consectetur purus. Morbi lacus ligula, dapibus vitae blandit et, auctor sit amet erat. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
                    <a href="#" class="more float_r"></a>
                    <div class="cleaner"></div>
				</div>
                <div class="col_2 float_l">
                	<h3>Recent Posts</h3>
                    <div class="rp_pp">
                        <img class="image_frame" src="images/templatemo_image_02.png" alt="Image 02" />
                        <a href="#">In sem ligula, elementum at ultricies tempus.</a>
                        <p>Feb 23, 2048 - 129 comments</p>
                        <div class="cleaner"></div>
                    </div>
                    <div class="rp_pp">
                        <img class="image_frame" src="images/templatemo_image_03.png" alt="Image 03" />
                        <a href="#">Vestibulum quis nulla nunc, nec lobortis nunc.</a>
                        <p>Feb 16, 2048 - 165 comments</p>
                        <div class="cleaner"></div>
                    </div>
                    <div class="rp_pp">
                        <img class="image_frame" src="images/templatemo_image_04.png" alt="Image 04" />
                        <a href="#">Pellentesque convallis tristique mauris.</a>
                    	<p>Feb 10, 2048 - 182 comments</p>
                        <div class="cleaner"></div>
                    </div>
                    <div class="cleaner"></div>
                    <a href="#" class="more"></a>
                </div>
                <div class="col_2 float_r">
                	<h3>Popular Posts</h3>
                    <div class="rp_pp">
                        <img class="image_frame" src="images/templatemo_image_05.png" alt="Image 05" />
                        <a href="#">Donec semper dolor quis purus id ut tellus.</a>
                      <p>June 24, 2048 - 143 comments</p>
                        <div class="cleaner"></div>
                    </div>
                    <div class="rp_pp">
                        <img class="image_frame" src="images/templatemo_image_06.png" alt="Image 06" />
                        <a href="#">Etiam Fringilla Sapien quis mauris  vestibulum.</a>
                  		<p>June 15, 2048 - 152 comments</p>
                        <div class="cleaner"></div>
                    </div>
                    <div class="rp_pp">
                        <img class="image_frame" src="images/templatemo_image_07.png" alt="Image 07" />
                        <a href="#">Sed ac arcu ipsum, ut suscipit neque. </a>
                        <p>June 08, 2048 - 167 comments</p>
                        <div class="cleaner"></div>
                    </div>
                    <div class="cleaner"></div>
                    <a href="#" class="more"></a>
                </div>
                <div class="cleaner"></div>
            </div>
            <div id="sidebar">
                <div id="templatemo_search">
                    <form action="#" method="get">
                      <input type="text" value="Search" name="keyword" id="keyword" title="keyword" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />
                      <input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" class="sub_btn"  />
                    </form>
                </div>
                
                <div class="sb_box">
                    <h3>Categories</h3>
                    <ul class="templatemo_list">
                        <li>Augue felis pharetra felis</li>
                        <li>Curabitur eget tincidunt</li>
                        <li>Donec sed nulla sit amet</li>
                        <li>Felis pharetra felis sed</li>
                        <li>Integer placerat dolor vel</li>
                        <li>Tortor mi in massa donec</li>
                        <li>Vulputate tortor in massa</li>
                    </ul>
				</div>
                <div class="sb_box">
                	<h3>Flickr Stream</h3>
                    <ul class="flickr_stream">
                    	<li><a href="#"><img class="image_frame" src="images/templatemo_image_02.png" alt="Flickr 01" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_03.png" alt="Flickr 02" /></a></li>
                        <li class="no_margin_right"><a href="#"><img class="image_frame" src="images/templatemo_image_04.png" alt="Flickr 03" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_05.png" alt="Flickr 04" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_06.png" alt="Flickr 05" /></a></li>
                        <li class="no_margin_right"><a href="#"><img class="image_frame" src="images/templatemo_image_07.png" alt="Flickr 06" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_04.png" alt="Flickr 07" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_02.png" alt="Flickr 08" /></a></li>
                        <li class="no_margin_right"><a href="#"><img class="image_frame" src="images/templatemo_image_03.png" alt="Flickr 09" /></a></li>
                    </ul>
                    <div class="cleaner"></div>
                    <a href="#" class="more"></a>
                    <div class="cleaner"></div>
                </div>
            </div> <!-- end of sidebar -->
            
            <div class="cleaner"></div>
        </div> <!-- end of main -->
    </div> <!-- end of main wrapper -->
    
</div> <!-- end of wrapper -->

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
    	<a href="#templatemo_header" class="goto_top"></a>
    	<div class="col_4">
        	<h5>Pages</h5>
            <ul class="footer_list">
            	<li><a href="home.html">Home</a></li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="contact.html">Contact</a></li>
			</ul>
        </div>
        
        <div class="col_4">
        	<h5>Partners</h5>
            <ul class="footer_list">
            	<li><a href="http://www.flashmo.com/">Free Flash Templates</a></li>
                <li><a href="http://sc.chinaz.com/">Free CSS Templates</a></li>
                <li><a href="http://www.flashmo.com/store">Preminum Templates</a></li>
                <li><a href="http://www.koflash.com/">Website Gallery</a></li>
                <li><a href="http://www.webdesignmo.com/blog/">Web Design Resources</a></li>
			</ul>             
        </div>
        
        <div class="col_4">
        	<h5>Twitter</h5>
            <ul class="twitter_post">
	            <li>Suspendisse at scelerisque urna. Aenean tincidunt massa in tellus varius ultricies.</li>
                <li>Proin dignissim, diam nec <a href="#">@TemplateMo</a> enim lorem tempus orci, ac ante purus in justo.</li>
			</ul>
        </div>
        
        <div class="col_4 col_l">
        	<h5>Follow Us</h5>
            <div class="footer_social_button">
                <a href="http://www.facebook.com/templatemo"><img src="images/facebook.png" title="facebook" alt="facebook" /></a>
                <a href="#"><img src="images/flickr.png" title="flickr" alt="flickr" /></a>
                <a href="#"><img src="images/twitter.png" title="twitter" alt="twitter" /></a>
                <a href="#"><img src="images/youtube.png" title="youtube" alt="youtube" /></a>
                <a href="#"><img src="images/feed.png" title="rss" alt="rss" /></a>
			</div>
            <div class="cleaner h40"></div>
            
        	Copyright © 2048 <a href="#">Company Name</a> <br /> 
            <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <br />
            <a href="http://sc.chinaz.com" target="_parent">站长素材</a>
      		
		</div>
        
        <div class="cleaner"></div>
    </div>
</div>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div></body>
</html>